<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>业务板块</title>
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
	href="/css/bootstrap.min.css">
<link rel="stylesheet" th:href="@{/css/mystyle.css}"
	href="/css/mystyle.css">
<script th:src="@{/js/jquery.min.js}" src="/js/jquery.min.js"></script>
<script th:src="@{/js/myscipt.js}" src="/js/myscipt.js"></script>
<script th:src="@{/js/bootstrap.min.js}" src="/js/bootstrap.min.js"></script>
<style type="text/css">
#news-list {
	list-style: none;
	padding: 0px
}

#news-list li {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	border-bottom: 1px solid #DCDCDC;
}

#news-list li a {
	color: #474545;
}

#news-list li a:hover {
	color: #f39800;
}

#news-list li span {
	float: right;
	color: #63666b;
}

.myul {
	list-style: none;
	padding: 0px;
	margin: 0px
}

.myul li {
	line-height: 16px;
	font-size: 14px;
	color: #474545;
	padding: 5px 0;
}

.myul li a {
	color: #474545
}

.myul li a:hover, .mylink:hover {
	color: #f39800
}

.mylink {
	color: #888;
}

.mynavbar li a:hover {
	color: #f39800
}

.mynavbar li a {
	color: #474545
}

.list-group .list-group-item {
	border-radius: 0;
}

.list-group .list-group-item.myactive {
	padding-left: 30px;
	color: #f39800;
	font-weight: bold
}

.list-group-item {
	background-color: #e5e6e7;
	color: #555;
	border: none;
	border-bottom: 1px #dadada solid;
	border-top: 1px #f5f5f5 solid;
}

.list-group .list-group-item#title2:hover {
	color: white;
	background-color: #f39800;
}

.list-group-item.active {
	background-color: #005bac;
}
.list-group-item-text{
	font-size: 14px
}
</style>
</head>
<body>
	<!-- 头部 -->
	<header th:replace="~{templates/header::.container-fluid}"> </header>
	<div id="slider" th:replace="~{templates/slider::.container-fluid}"></div>
	<div class="container" style="padding-top: 30px;min-height: calc(100vh - 76px - 180px - 170px);">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-3">
				<div class="list-group">
					<a class="list-group-item active" style="height: 100px;">
						<h3 class="list-group-item-heading" style="padding-top: 15px">业务板块</h3>
					</a> <a th:href="@{/services/0}" href="/services/0" id="title2"
						class="list-group-item" style="padding-left: 30px"
						th:class="${serviceInfo.id}==0?'list-group-item myactive':'list-group-item'">
						<span class="list-group-item-text">技术创新</span>
					</a><a th:href="@{/services/1}" href="/services/1" id="title2"
						class="list-group-item" style="padding-left: 30px"
						th:class="${serviceInfo.id}==1?'list-group-item myactive':'list-group-item'">
						<span class="list-group-item-text">科技工程</span>
					</a> <a th:href="@{/services/2}" href="/services/2" id="title2"
						class="list-group-item" style="padding-left: 30px"
						th:class="${serviceInfo.id}==2?'list-group-item myactive':'list-group-item'">
						<span class="list-group-item-text">教育培训</span>
					</a> <a th:href="@{/services/3}" href="/services/3" id="title2"
						class="list-group-item" style="padding-left: 30px"
						th:class="${serviceInfo.id}==3?'list-group-item myactive':'list-group-item'">
						<span class="list-group-item-text">科技服务</span>
					</a>
				</div>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-9">
				<div>
					<h4
						style="color: #474545; display: inline-block; margin-bottom: 0px; padding-bottom: 10px; border-bottom: 3px #f39800 solid;"
						th:text="${serviceInfo.serviceName}">业务板块</h4>
					<div id="f-14" style="float: right; padding: 15px 5px 0 0;">
						<span style="color: #63666b"> 当前位置：</span> <a class="mylink"
							th:href="@{/}">首页</a> <span style="color: #888">></span> <a
							class="mylink" th:text="${serviceInfo.serviceName}"
							th:href="@{'/services/'+${serviceInfo.id}}">业务板块</a>
					</div>
				</div>
				<hr style="margin: 0px">
				<div id="content" class="mycontent" th:utext="${serviceInfo.content}"></div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer
		style="float: left; height: 180px; width: 100%; background-color: #DEDEDE; margin-top: 30px"
		th:insert="~{templates/footer::.container}"> </footer>

</body>
</html>